<div class="jf-fr jf-w-334 ">
    <div>
        <img src="/public/statics/img/system/18.jpg"  />
    </div>


    <div class="jf-top-list jf-mt-20">
        <div class="jf-top-list-header">
            <a href="#" class="jf-button">热门排行<span class="jf-play"><span class="jf-tran"></span></span></a>
            {{--<span class="jf-fr jf-fw"><span>周排行</span>&nbsp;|&nbsp;<span>月排行</span></span>--}}
        </div>
        <ul class="jf-top-list-item-group">
            @foreach($query->getTop() as $key => $val )
                <li class="jf-top-list-item"><span class="jf-num">{{ $key+1 }}</span><a href="/post/{{$val->post_id}}" class="jf-post-title">{{mb_substr($val->title,0,19)}}</a></li>
            @endforeach

        </ul>
    </div>

    <div class="jf-mt-20">
        <img src="/public/statics/img/system/19.jpg"  />
    </div>


    <div class="jf-mt-20">
        <div class="jf-top-list-header">
            <a href="#" class="jf-button">推荐阅读<span class="jf-play"><span class="jf-tran"></span></span></a>
        </div>
        <ul class="jf-c-2">
            <li>
                <img src="/public/statics/img/system/20.jpg"  />
                <div class="jf-fs-13">编辑文本文字模板，编辑文本文，文章内容简单…</div>
            </li>
            <li><img src="/public/statics/img/system/20.jpg"  /><div class="jf-fs-13">编辑文本文字模板，编辑文本文，文章内容简单…</div></li>
            <li><img src="/public/statics/img/system/20.jpg"  /><div class="jf-fs-13">编辑文本文字模板，编辑文本文，文章内容简单…</div></li>
            <li><img src="/public/statics/img/system/20.jpg"  /><div class="jf-fs-13">编辑文本文字模板，编辑文本文，文章内容简单…</div></li>
        </ul>
    </div>

    <div class="jf-mt-20">
        <img src="/public/statics/img/system/21.jpg"  />
    </div>

   {{-- <div class="jf-mt-20 jfn-hot-company">
        <div class="jf-top-list-header">
            <a href="#" class="jf-button">热门企业<span class="jf-play"><span class="jf-tran"></span></span></a>
        </div>
        <ul class="jf-c-2">
            <li><img src="/public/statics/img/system/22.jpg" /></li>
            <li><img src="/public/statics/img/system/22.jpg" /></li>
            <li><img src="/public/statics/img/system/22.jpg" /></li>
            <li><img src="/public/statics/img/system/22.jpg" /></li>
            <li><img src="/public/statics/img/system/22.jpg" /></li>
            <li><img src="/public/statics/img/system/22.jpg" /></li>
            <li><img src="/public/statics/img/system/22.jpg" /></li>
            <li><img src="/public/statics/img/system/22.jpg" /></li>

        </ul>
    </div>
--}}

</div>